@media (min-width: 370px) {
 .myClass{}
#einblenden:not(:target) .inhalt,
#einblenden:not(:target) .hide,
#einblenden:target .show {display: none;}
#einblenden:target .inhalt {display: block;}
.inhalt {

}
.show,
.hide {

display:inline-block;
border-radius: 16px;
background: rgb(254, 164, 0);
background-color:#FFFFFF;
text-decoration: none;
color: black; 
list-style-type: none!important;
font-size: 200%;
z-index:190;
}
.show:hover,
.hide:hover 
 {
background: #D8D8D8;
z-index:190;
}
	.myClass{}
#einblenden2:not(:target) .inhalt2,
#einblenden2:not(:target) .hide2,
#einblenden2:target .show2 {display: none;}
#einblenden2:target .inhalt2 {display: block;}

.inhalt2 {
	
}
.show2,
.hide2 {}

.show2:hover,
.hide2:hover 
 {
background: #D8D8D8;
}
.TextRahmen	{ padding-left: 3%; padding-right: 3%; padding-top:10px;padding-bottom:10px; background-color:#FFFFFF;box-shadow: 10px 10px 10px 10px #BDBDBD;}
#Text2{position: float;  width: 94%; margin-left:6%; margin-right:0%; margin-top: 22px; font-size: 145%; z-index:20;}
#Text3{position: float;  width: 94%; margin-left:6%; margin-right:0%; margin-top: 22px; font-size: 100%; z-index:20;}


#ThemenRechts {position: float; background-color:#FFFFFF; width: 20%; margin-left: 5%; font-size: 110%; z-index: 120;box-shadow: 2px 2px 2px 2px #BDBDBD;}
.indexb {margin-top: 220px;}

/* Ende Liste index */	
#Seitenbilder {display:inline-block; margin-top: 10px; margin-left: 3%;  z-index:150;}
#Datensneu {display:inline-block; font-size: 120%; margin-top: 15px; margin-left: 1%; z-index:120px;}
#FarbeFuß {position: float;  background-color:#D8D8D8; width: 106%; margin-left: 2%; margin-top: 25%;box-shadow: 10px 10px 10px 10px #BDBDBD;z-index:1;}
.Datens  {padding-bottom:5px; }


/* Briefe */	
#BriefAntwort {position:float;  margin-left: 2%; font-size: 120%; background-color:#FFFFFF; color: black;width: 210px; margin-top: 30px;padding-top: 30px; padding-bottom: 30px;border-radius: 16px; box-shadow: 7px 7px 7px 7px #BDBDBD} 
.st{ position:float; width:94%; margin-left: 2%; z-index:50;color: black;font-size: 120%; font-weight: bold; box-shadow: 10px 10px 10px 10px #BDBDBD; margin-top: 10px; padding:20px;}

#MediaPos{display:inline-block; vertical-align: top; width: 30%; padding-left: 10px; font-size:115%; padding-bottom: 30px; margin-right:1%;}
#MediaPos2{display:inline-block; width: 30%; padding-left: 50px; font-size:120%; padding-bottom: 15px; margin-right:1%;}


#back { position: absolute;
        top:1%;
		left:1%;
        color:#000000;
		font-size: 200%;
        text-decoration:none;
		font-weight: bold;
		background-color:#CED8F6;
        z-index: 100;}
		

body    {font:  100% Verdana, Helvetica, Arial, sans-serif;
		 background: #FFFFFF; 
		 width: 100%;
         margin: 0 0 0 0;
         padding: 0;
         z-index: 10;}  		 



#RahmenBuch  {position: float; 
        box-shadow: 10px 10px 10px 10px #E0E6F8;
	    width: 96%;
		margin-left: 2%;
		 z-index: 10;}
		 
		 
		
#Rahmen1  {position: float;
	    width: 90%; 
		height: 100%;
        margin: 0 0 0 0 ;
        z-index: 1;}


#Rahmen2  {
	   position: absolute;
	    width: 90%; 
		height: 310%;
		background: #FFFFFF; /*Menü*/  
        box-shadow: 12px 12px 12px 12px #D8D8D8;		
        margin-top: 0%;
		padding: 0;
		 z-index: 110;
}

#suche {
  border: 2px solid #999;
  border-radius: 10px;
  font-size: 35px;
  width: 400px;
  transition: width 0.5s ease-in-out;
}
 
#suche:focus {
  font-size: 35px;
  width: 100%;
}
#Kopfzeile {width: 94%; padding-left: 3%;}
.KopfzeileB{display:inline-block; padding-top: 10px ; text-decoration: none; font-size: 120%; background-color:#FFFFFF; color: black; z-index: 200}


#AktionIndex {position: float;  z-index:50; margin-left: 2%; margin-top: 18px; width: 96%;box-shadow: 7px 7px 7px 7px #BDBDBD;padding:1px;}
.AktionIndex{font-size: 125%; color: #A9BCF5; }

#GETTR {display:inline-block; font-size: 35px; width: 200px; background-color:#FFFFFF; color: red;}



#Psalm { position: float;
	    width:75%;
		font-size: 120%;
	    margin-top:900px;
		margin-left: 1%;
        z-index: 100;}  
		
		

#back2 { position: float;
        color:#000000;
        text-decoration:none;
		background-color:#FFFFFF;
        z-index: 100;}

#h1     { 
        font-size: 30px;
		margin-top: 4%;
        color: #FFFFFF; 
		z-index:10;}
		
#h2 {font-size: 35px;
        position: absolute;
		top: 1%;
		left: 30%;
        color: #87CEFA; 
        z-index:100;} 

#h3 {  font-size: 20px;
        position: absolute;
        left: 10%;
        color: black; 
        z-index:100;} 
		
#Sinn {color: #87CEFA;font-size: 35px;}
		
.h1A    { position:float;
        font-size: 165%;
        color: #FFFFFF; 
		z-index:10;}
		
.h1B    { position:float;
        font-size: 30px;
        color: #CED8F6; 
		z-index:10;}
 
       

		
#top {position: absolute;
        font-size: 50px;
		text-decoration: underline;
		top: 0%;
        left: 15%;
        color: #87CEFA; 
		z-index:10;		
		}


#nav {
       }

#nav ul{  background-color: transparent;
          list-style-type: none;
          position: absolute;
          background-color:#A9D0F5;	
          box-shadow: 12px 12px 12px 12px #D8D8D8;		  
	      top: 200px;
          width: 98%; 
          padding-left: 1%;	
          line-height: 70px;		  
          font-size: 280%;
		  font-weight:100%;
          }



#nav ul li a {background-color:#A9D0F5;
              color: #FFFFFF;
              display: block;
              text-decoration: none;
              heiht: 1%;
			  }

#nav a:hover, #nav a:focus 
           {
            background-color:#D8D8D8;/*hover */
		   }

#Text{width: 43%; top: 550px; left: 5px; }	
		
#Text1B{margin-top: 7%; left: 47%; }
.Text1B {position: float; font-size: 40px; text-decoration: underline; z-index:50;}
		
			

#BildAktion{position: absolute; top: 1550px; left: 55%;}
		
#Bildtext{width: 570px; height: 250px; top: 1810px; left: 50%;}		

.Rahmen1a {background: #FFFFFF;  }
.TextRahmenLes	{width: 85%; margin-left:5%; margin-right:5%; margin-top: 2%; padding-right: 3%;padding-left: 3%;padding-bottom: 3%; background-color:#FFFFFF;box-shadow: 10px 10px 10px 10px #BDBDBD;	}
#Text2B {position: float; margin-left:1%; width:68%; margin-top: 0%; font-size: 170%; z-index:20;}

/* Liste index */
#ZumBericht{text-decoration: none;color: black; font-size: 100%;z-index:20;}	
#Bericht2{ position: absolute; text-align: center; margin-top: 50px; margin-bottom: 20px; padding-top:20px; width: 30%;  height: 80px; box-shadow: 10px 10px 10px 10px #BDBDBD;font-size: 150%; z-index:100;}
.Bericht2{ left: 13%; z-index:100;}
.Bericht3{ left: 55%; z-index:100;}
		  

#box1:not(:target) 
#box1:not(:target) 
#box1:target  {display: none;}



#KonFormular{position: float; margin-left: 3%; width: 100%; margin-top: 3%; z-index:30;}
#KonFormularB1{position: float; width: 100%; margin-top: 3%; z-index:30;}
#p1 {position: float; font-size: 170%;margin-left: 25%; margin-top:3%; }
input[type=text] {font-size: 155%; height:55px; width: 90%; padding: 12px 20px;margin: 8px 0;box-sizing: border-box;box-shadow: 7px 7px 7px 7px #BDBDBD;z-index:110;}
input[type=email] {font-size: 155%; height:55px; width: 90%; padding: 12px 20px;margin: 8px 0;box-sizing: border-box;box-shadow: 7px 7px 7px 7px #BDBDBD;z-index:110;}	
button[type=submit] {font-size: 155%; height:65px; width: 90%; padding: 12px 20px;margin: 8px 0;box-sizing: border-box;box-shadow: 7px 7px 7px 7px #BDBDBD;z-index:110;}	
textarea {font-size: 170%; width: 90%;box-shadow: 7px 7px 7px 7px #BDBDBD;z-index:110;}
	
#KSeiteRahmenBoden {position: float; font-size: 250%; width:150%; margin-left: 40%;}		
#KSeiteRahmenBoden2 {position: float; font-size: 200%; }	
#KSeiteRahmenBoden3 {position: float;width:140%;}		

/* Einleitung */

#Einleitung {width: 100px;
			 left: 370px;
			 top: 0px;
		     z-index:100;} 

		/* Die Briefe */

#Wechsel {top: 440px;
         width: 300px;
          margin-left: 1%;
          display:inline-block; 
          text-decoration: none;
          padding:25px; 
          color: #585858;		  
		  background-color: #FAFAFA;
          box-shadow: 10px 10px 10px 10px #BDBDBD;	  
          font-size: 200%;
		  font-weight: bold; 
		  z-index:50;}

		  

#Dok1 {  position:float;
          padding: 0.7%;
		  width: 85%;
		  box-shadow: 10px 10px 10px 10px #BDBDBD;	 
		   margin-top:2%; 
          font-size: 200%;
		  font-weight: bold; 
		  z-index:75;
          }
		  
 /* Petition */
		  
.Bild{position: float;top:2%; left:1%;}
		
.TextBild{position: float; width: 80%; font-size: 35px; z-index:10; }
		
.BildLink{position: float; text-decoration: none! important; color: black;font-size: 200%;	z-index:10; }

 /* Bibliothek */
#OpenD{position: float; margin-left: 2%;}

#Bilderrahmen {position: float; margin-left: 2%; width: 81%; height: 480px;}
#Ordner{position: float; margin-left: 2%; padding-bottom: 20px;}
.TextRE22{position: float; font-size: 120%; margin-left: 45%; margin-top:-300px; width: 52%}
.TextRE22B{position: float; font-size: 120%;}

.BildL {position: float;margin-top:3%;margin-left:1%;}
.TextR{position: float ; font-size: 35px; margin-left:10%; margin-right:10%;margin-top:2%;}
	
#noben2 {position: float; margin-left: 50%; z-index:100;}
	


#Fuß{position: absolute; bottom: -7500px;}
		
p4 { font-size: 32px;}
			
p1 {font-size: 35px;}	
	

			
	

.Kreuz {background: transparent;background-color: #CED8F6; 
       opacity: 0.3;z-index:25;box-shadow: 15px 15px 15px 15px #CEECF5; z-index: 0; }
	   
#Kreuz {position: fixed; top: 120px; margin-left: 50%;  width: 30px; height: 90%;}  /* vertikal */
	
		
#Kreuz2 {position: fixed; Top: 450px; margin-left: 2%; width: 96%; height: 30px;} 	 /* horizontal */

#B-Verse {position: float; font-size: 300%; z-index:50; margin-left: 2%; align-items: center; width: 96%;box-shadow: 7px 7px 7px 7px #BDBDBD;padding:1px;}